<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 <link rel="stylesheet" href="../static/css/back/iconfont.css">
    <link rel="stylesheet" href="../static/css/back/xadmin.css">
<!--     <link rel="stylesheet" href="../static/layui/css/layui.css"> -->
    <link rel="stylesheet" href="../static/layui/css/global.css">
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
        
    <script type="text/javascript" src="../static/js/back/xadmin.js"></script>
    <script type="text/javascript" src="../static/js/back/order-list.js"></script>
    <style>
.site-doc-icon li {
	width: 800px;
	margin: 0  0  5px 0;
	height: auto;
	display: block;
   	padding-bottom: 0px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}

.site-doc-icon li .layui-anim {
	width: 150px;
	height: 150px;
	line-height: 150px;
	margin: 0 auto 10px;
/* 	text-align: center; */
	background-color: #009688;
	cursor: pointer;
	color: #fff;
	border-radius: 50%;
}

.edit-pic-ku {
	float: right;
	margin-bottom: -10px;
}

.edit-pic-ku span {
	margin: 0 10px;
	color: green;
	cursor: pointer;
}
.edit-pic-ku span:nth-child(2) {
	color: red
}
/* *********************************** */
.search-btn{
	margin-left: 150px;
}
.order-profit{
	width:200px;
	border: 1px #009688 solid;
	position: absolute;
    left: 850px;
    border-radius: 2px;
}
.order-xb{
    background: #a0e0e2;
}
.x-left{
	float: left;
    font-size: 26px;
	margin: 0 15px;
	line-height: 43px;
}
.x-left span:nth-child(1){
	
}
.x-left.x-two{
font-size: 14px !important;
}
.x-two span{
	margin:  0 15px;
}
.x-two span:nth-child(3){
	border: 1px #f50 solid;
	background-color: #fff;
	padding: 5px 10px ;
	border-radius: 3px;
	cursor:pointer;
	    color: #f50;
}
.order-info{
	text-align: left;
}
.title{
	font-size: 24px;
}
.order-goods p span {
	margin-right: 20px;
    float: right;
}
.order-goods p {
	
}
.layui-table2 tr td{
	border:none;
	text-align: left;
	width: 300px;
}
.layui-table2 tr td:nth-child(2){
	width: 100px;
}
.layui-table2{
	margin-bottom: 10px;
}
.order-profit .order-goods p{
	    line-height: 30px;
}
.order-btn{
float: right;
    margin-top: -15px;
}
.print-btn{
	border: 1px #f50 solid;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    color: #f50;
}
.hide{
	display: none;
}
</style>
</head>
<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">商品管理</a>
        <a href="javascript:;"><cite>商品分类</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="iconfont icon-refresh right-top-ref" ></i></a>
    </div>
    <div class="x-body">
    <div class="layui-row">
        <form action="#" class="layui-form layui-col-md12 x-so" onsubmit="javascript:return false;">
				<div class="layui-form-item">
  					<label class="layui-form-label">订单状态</label>
				    <div class="layui-input-block">
					      <input type="radio" name="status" value="" title="全部" checked=""  lay-filter='stat'>
					      <input type="radio" name="status" value="1" title="待支付"  lay-filter='stat'>
					      <input type="radio" name="status" value="2" title="待接单"  lay-filter='stat'> 
					      <input type="radio" name="status" value="3" title="待送达" lay-filter='stat'>
					      <input type="radio" name="status" value="4" title="已完成" lay-filter='stat'>
					      <input type="radio" name="status" value="5" title="已取消" lay-filter='stat'>
					</div>
				 </div>
				<div class="layui-form-item">
				    <label class="layui-form-label">支付方式</label>
				    <div class="layui-input-block">
					      <input type="radio" name="payType" value="" title="全部" checked=""  lay-filter='payType'>
					      <input type="radio" name="payType" value="1" title="微信"  lay-filter='payType'>
					      <input type="radio" name="payType" value="2" title="线下"  lay-filter='payType'> 
					</div>
				 </div>
				 <div class="layui-form-item">
					<label for="" class="layui-form-label">选择时间 </label>
					<div class="layui-input-block">
						<input class="layui-input" placeholder="开始日" name="start"
							id="startTime"> - <input class="layui-input"
							placeholder="截止日" name="end" id="endTime">
					</div>
				</div>
				<div class="layui-form-item">
		          	<label for="username" class="layui-form-label"> 订单编号
		              </label>
		              <div class="layui-input-inline">
		                  <input type="text" name="" id="ser-title" style="width: 300px;"  placeholder="请输入姓名/订单编号查找" autocomplete="off" class="layui-input">
		              </div>
				          <button class="layui-btn search-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i>查询</button>
				          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
        </form>
     </div>
<fieldset class="layui-elem-field layui-field-title" >
</fieldset>
<div class="alljiedan" style="display: none;">
	
	<button class="layui-btn " style="float: left;" onclick="alljiedan()" lay-submit="" lay-filter=""><i class="layui-icon"></i>全部结账</button>
	
	<span style="font-size: 36px;font-weight: bold;line-height: 40px;
    margin-left: 20px;">合计金额:<span class="allMoney"></span></span>
	<fieldset class="layui-elem-field layui-field-title" >
	</fieldset>
</div>

<div class="">
	<div class=" x-body order-profit">
		<b>今日订单概况</b>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
		</fieldset>
		<div class="order-goods today-profit"> 
			<p>今日营业额(元) <span><b>0</b></span></p>
			<p>今日订单数 <span><b>0</b></span></p>
			<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
			</fieldset>
			<p>其中</p>
			<p>微信支付(元)<span><b>0</b></span></p>
			<p>微信支付订单数<span><b>0</b></span></p>
			<p>现金结算(元)<span><b>0</b></span></p>
			<p>现金结算订单数<span><b>0</b></span></p>
		</div>
	</div>

	<ul class="site-doc-icon">
	    <!-- <li class="hide">
	    	<xblock class="order-xb">
	    	 	<span class="x-left">
		    	 	<span>#10</span>
	    	 	</span>
	    	 	<span class="x-left x-two">
		    	 	<span>尽快送达</span>|
		    	 	<span>商家配送</span>
		    	 	<span>打印小票</span>
	    	 	</span>
		        <span class="x-right" style="line-height:40px;padding-right: 20px;">待支付</span>
		    </xblock>
		    <div class=" x-body order-info">
		    	<i class="title">重庆麻辣烫</i>
		    	<div class="order-btn">
		    		<button type="button" class="layui-btn layui-btn-primary">拒单</button>
		    		<button type="button" class="layui-btn">接单</button>
		    		<button type="button" class="layui-btn">确认送达</button>
		    	</div>
		    	<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
				    <legend></legend>
				</fieldset>
		    	<span>李先生</span>
		    	<span>15925609260</span>
		    	<p>浙江省杭州市xxxxxxxxxxxxxxx</p>
		    	<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
				</fieldset>
				<p>商品信息</p>
				<span>备注:  </span>
				<span>多放点辣椒</span>
		    	<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
				</fieldset>
				<div class="order-goods">
					<table class="layui-table2">
				        <tbody>
				          <tr>
				          	<td>米饭</td>
				          	<td>$5</td>
				          	<td>x5</td>
				          </tr>
				          <tr>
				          	<td>米饭(小份)</td>
				          	<td>$5</td>
				          	<td>x5</td>
				          </tr>
				          <tr>
				          	<td>米饭(大份)</td>
				          	<td>$5</td>
				          	<td>x5</td>
				          </tr>
				        </tbody>
				      </table>
				      <p>包装费 <span>2元</span></p>
				      <p>配送费<span>5元</span></p>
				      <p><b>小计</b><span>22元</span></p>
				</div>
				<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
				</fieldset>
				<div class="order-goods">
					<p>满减活动 <span>-2元</span></p>
				    <p>新客立减<span>-5元</span></p>
				    <p><b>支付方式</b><span>微信支付</span></p>
				</div>
				<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0;">
				</fieldset>
				<div class="order-goods">
				    <p><b>本单预计收入</b><span><b>10元</b></span></p>
				</div>
				<p>本单顾客实际支付：<span>¥22.50</span><span class="x-red">(未支付)</span></p>
				<p>订单编号：<span>201810080940394876</span> 下单时间：<span >2018-10-08 11:23:34</span></p>
	        </div>
	    </li> -->
	    
	    <!-- <li>
	        <div class="layui-anim" data-anim="layui-anim-scaleSpring">弹簧式放大</div>
	        <div class="code">默认相册</div>
	        <div class="edit-pic-ku"><span>编辑</span><span>删除</span></div>
	    </li> -->
	</ul>
	<div class="loadMore">
	
	</div>
</div>
</div>
</body>
<script type="text/javascript">
	layui.use(['laydate','form'], function(){
	    var laydate = layui.laydate
	    form = layui.form;
	    //执行一个laydate实例
	    laydate.render({
	      elem: '#startTime' //指定元素
	    });
	    //执行一个laydate实例
	    laydate.render({
	      elem: '#endTime' //指定元素
	    });
	    
	    form.on('radio(stat)', function(data){
	    	selectListByParam({'status':data.value});
       	}); 
	    form.on('radio(payType)', function(data){
	    	selectListByParam({'payType':data.value});
       	}); 
	  });
</script>
</html>